iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

大器可以晚成—— 30歲才開始的轉職工程師之路系列 第 5

[ Day 5 | JS ] 變數常用型別(Types)

  • 分享至 

  • xImage
  •  

變數型別

JavaScript 有七種內建型別:

  • boolean 布林值,例如:truefalse
  • number 數字,例如:45678。
  • string 字串,例如:'Have a nice day'
  • object 物件,例如:{ fruit: 'guava' }
  • null
  • undefined
  • symbol

這篇文章就先針對 boolean、number 和 string 三種基本型別 (primitives) 來做介紹。

boolean 布林值

布林值用來判定是或否,其結果只有 truefalse 兩者。
在 JavaScript 中,常會配合像 if 等來作為是否執行接下來程式碼的判斷依據。

let newHouse = true;

if (newHouse === true) {
  console.log('喬遷之喜!')
};

number 數字

就是一般我們常說的那個數字 (嗯?)
我們以一顆水果多少錢來試試看命名變數:

let guava = 10;
let apple = 40;
let avocat = 89; //酪梨真的超貴

string 字串

在單引號 '' 或雙引號 "" 間輸入欲顯示的字句。

const slogan = '減肥是明天的事'

看到變數兩個字,有可能會讓你緊張起來,覺得這個專有名詞不知道在幹嘛。
先讓我們放輕鬆,用個生活化的例子來看看。

今天早上起床後,吃完早餐,翻閱一下我的代辦清單,上面寫著:

  1. 中午十二點跟小華在乾杯燒肉聚餐
  2. 把網拍的褲子退貨

如果我今天想用 JavaScript 做一個代辦清單,我可以把上面代辦事項這樣宣告為變數:

let diningTime = 12;
let restaurant = '乾杯燒肉';
let returnGoods = true;
let returnItem = 'pants';

//我希望一開視窗就跳出提醒我,所以設了一個 alert
alert(diningTime + ' 點 ' + restaurant)

結果早上小華突然打給我說,因為臨時有急事,希望把聚餐時間改成晚上六點,這時候我就可以這樣修改我的變數,好 讓 alert 的提醒時間改變:

let diningTime = 12;
let restaurant = '乾杯燒肉';

//我希望一開視窗就跳出提醒我,所以設了一個 alert
diningTime = 18
alert(diningTime + ' 點 ' + restaurant)

把每天在使用的資訊改成變數,其實沒想像中的難呢 : )


上一篇
[ Day 4 | CSS ] 用偽元素來實作 hover 效果
下一篇
[ Day 6 | essay ] 總會遇上的那個人--自我懷疑的心魔
系列文
大器可以晚成—— 30歲才開始的轉職工程師之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言